/* stylelint-disable alpha-value-notation */
/* stylelint-disable color-function-notation */
@import './theme/index.less';

#react-refresh-overlay {
  display: none !important;
}

// android 手机很多input无法点击选择select事件 添加这个 Field  disabled=true无法触发 onClickInput
.weui-input[disabled] {
  pointer-events: none;
}

.click-input {
  input {
    pointer-events: none;
  }
}

// @font-face {
//   font-family: HanSans-Regular;
//   src: url('data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAXIAA8AAAAAB5wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAFcAAAABoAAAAcotx0wU9TLzIAAAHIAAAAQQAAAFYE0hGsY21hcAAAAiQAAABIAAABSucg6mVjdnQgAAACbAAAAAQAAAAEAEQFEWdhc3AAAAVoAAAACAAAAAj//wADZ2x5ZgAAAoAAAAG1AAABuKotnaJoZWFkAAABWAAAADAAAAA2KuOVkmhoZWEAAAGIAAAAHQAAACQNwgfqaG10eAAAAgwAAAAWAAAAFhFOA4xsb2NhAAACcAAAABAAAAAQASgBtm1heHAAAAGoAAAAHwAAACAASwBPbmFtZQAABDgAAAD7AAAB6XwEM4Fwb3N0AAAFNAAAADEAAABQNCXO/XZoZWEAAAWMAAAAIgAAACQJqBbodm10eAAABbAAAAAWAAAAFhgQA4l42mNgZGBgAOJfvWvPxfPbfGXg5mAAgUfZqppw2uX/U7ZVbHFALgcDE0gUAEqiCzN42mNgZGBgi/v/lGEHBwMIsK1iYGRABSwAZZ8DvwAAAHjaY2BkYGBgZ5BjYGIAARDJyAASc2DQAwkAAAb4AJsAeNpjYORgYJzAwMrAwGrMOpOBgVEOQjNfZ0hjEmJgYGJgZWaAAwEGdPDs+LNXbGn/0hh2sHQwKgAFGEGiAHjxCowAAAAC7ABEAAAAAAKqAAAIAAFCAgQCBgG0AAB42mNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZieHX/26v9/BgYg/eL/f0kbSZh6IGBkY4BzGJmABBMDKmBkGPYAAJSfDE4ARAURAAAALAAsACwAUgCCAKoA3HjaY2BicGFgYEphDWVgZmBn0NvIyKBvs4mdheGt0UY21js2m5iZgEyGjcwgYVaQ8CZ2NsY/NpsYQeLGgoqCqoqCii5MCv9UGGf8y2AN/bXaheUsA9BIRicGBrZVrA+BpgowMCgyGjMqMysyCyuqqzGpK7MxMzox2T5ncjm/6m/jqutM6lGCTcocknNYH/6SZzz9z5Qp7oM+Y3qK779gBpBZTCz/n7P5sMUxCDHIMjCwKqkrsysLGguymxkbMQiK8DGpG5mZmqgpK7ELirHonlnLITRtL+eNE58YmcKmHJ289Na6Lcv3z5fsKWaL++dwct6/s//+dz2dFjznw4k992b83V/JwMjEBjRflaWYQRxkugqTqYmQirGRODvQSDZRETFjI3NxNpaM9f/eLljDKLH61eqYvqUHPr09uGtByH7JDkauTVsYedsXVFa/3bv/ZXf1GqDft/x/yvoL5l4WBQZBEzsmYyMxcXVhY0FldWVVI3NBqNksC/4Z/HsSOe1ITsGqaG6m3TOE2P7N3bBi9rpF989KM1ow8rXcnxLs4LiPcc3PRY1Ms5hcS9/vPvSCAQDg/IyzAAAAeNqtT8FKAzEUnFhbFMGDBw+egoi3LLvBFuxBKC2l5y70bLrE7cKSlOzuzf/yzzw7qbl50IOBlzfvzeTNC4ALvEEgnjPc4DHhEV7wkfAYV+I64QnuxStZcX5J/cNJGfEI73hOeIxbfCY8wUrcYQuLGgNaGAQoLIiOOLDak+nRoAK2th5aE9SiPR7M3vYNe2t4OApiDhxhIaGRIWeeM0r2BzIVmQ3HOXbi3TEvafQX4+9JBWbkpwzN6RpPNPeuX/tQW6mzXM5l6YdQ2Y1xpXFduVQ/F6aomKmp0rnm+x0tAldpTp+IFnFx7GzoGu9kkbH4jw/g98XwBbUAWu8AeNpjYGIAg//pDGkM2AA7EDMyMDEyMTIzsjCyspfmZbqaOZtDaFcLKG0JpR0BHPELHgAAAAAAAAH//wACeNpjYGBgZACCe2xaeSD6UbaqJowGADORBLQAAHjaY2AUYGBa9deJYQcHw/+njIvY4hgYGBgZkAELAJH1Ba0AAAgAAREAAAAACAAAAAgAAIUACAHzAAgAAA==')
//     format('woff');
//   font-weight: normal;
//   font-style: normal;
// }

body {
  background: #f7f8fa;
  color: #333;
  font-family: 'Source Han Sans SC';
}

// page {
//   background: #fff;
//   color: #333;
//   font-family: 'Source Han Sans SC';
// }

.van-dialog__confirm {
  color: var(--primary-color, #1989fa) !important;
}

.taro__toast {
  > div > p:first-child {
    /* prettier-ignore */
    width: 30PX !important;

    /* prettier-ignore */
    height: 30PX !important;
    margin-top: 0 !important;
  }
}

.taro_router {
  min-height: 100vh;
}

.taro_page {
  height: 100vh;
}

.taro-tabbar__tabbar {
  display: none;
}

/* 数字前特殊字符 */
.text-price::before {
  margin-right: 6px;
  font-weight: normal !important;
  font-size: 75%;
  content: '¥';
}

.text-number::before {
  margin-right: 6px;
  font-weight: normal !important;
  font-size: 80%;
  content: 'x';
}

.bg-gradual-red {
  color: #fff;
  background-image: linear-gradient(45deg, #f43f3b, #ec008c);
}

.bg-gradual-orange {
  color: #fff;
  background-image: linear-gradient(45deg, #ff9700, #ed1c24);
}

.bg-gradual-green {
  color: #fff;
  background-image: linear-gradient(45deg, #39b54a, #8dc63f);
}

.bg-gradual-purple {
  color: #fff;
  background-image: linear-gradient(45deg, #9000ff, #5e00ff);
}

.bg-gradual-pink {
  color: #fff;
  background-image: linear-gradient(45deg, #ec008c, #6739b6);
}

.bg-gradual-blue {
  color: #fff;
  background-image: linear-gradient(45deg, #0081ff, #1cbbb4);
}

.shadow[class*='-red'] {
  box-shadow: 6px 6px 8px rgba(204, 69, 59, 0.2);
}

.shadow[class*='-orange'] {
  box-shadow: 6px 6px 8px rgba(217, 109, 26, 0.2);
}

.shadow[class*='-yellow'] {
  box-shadow: 6px 6px 8px rgba(224, 170, 7, 0.2);
}

.shadow[class*='-olive'] {
  box-shadow: 6px 6px 8px rgba(124, 173, 55, 0.2);
}

.shadow[class*='-green'] {
  box-shadow: 6px 6px 8px rgba(48, 156, 63, 0.2);
}

.shadow[class*='-cyan'] {
  box-shadow: 6px 6px 8px rgba(28, 187, 180, 0.2);
}

.shadow[class*='-blue'] {
  box-shadow: 6px 6px 8px rgba(0, 102, 204, 0.2);
}

.shadow[class*='-purple'] {
  box-shadow: 6px 6px 8px rgba(88, 48, 156, 0.2);
}

.shadow[class*='-mauve'] {
  box-shadow: 6px 6px 8px rgba(133, 33, 150, 0.2);
}

.shadow[class*='-pink'] {
  box-shadow: 6px 6px 8px rgba(199, 50, 134, 0.2);
}

.shadow[class*='-brown'] {
  box-shadow: 6px 6px 8px rgba(140, 88, 53, 0.2);
}

.shadow[class*='-grey'] {
  box-shadow: 6px 6px 8px rgba(114, 130, 138, 0.2);
}

.shadow[class*='-gray'] {
  box-shadow: 6px 6px 8px rgba(114, 130, 138, 0.2);
}

.shadow[class*='-black'] {
  box-shadow: 6px 6px 8px rgba(26, 26, 26, 0.2);
}

.shadow[class*='-white'] {
  box-shadow: 6px 6px 8px rgba(26, 26, 26, 0.2);
}

.text-shadow[class*='-red'] {
  text-shadow: 6px 6px 8px rgba(204, 69, 59, 0.2);
}

.text-shadow[class*='-orange'] {
  text-shadow: 6px 6px 8px rgba(217, 109, 26, 0.2);
}

.text-shadow[class*='-yellow'] {
  text-shadow: 6px 6px 8px rgba(224, 170, 7, 0.2);
}

.text-shadow[class*='-olive'] {
  text-shadow: 6px 6px 8px rgba(124, 173, 55, 0.2);
}

.text-shadow[class*='-green'] {
  text-shadow: 6px 6px 8px rgba(48, 156, 63, 0.2);
}

.text-shadow[class*='-cyan'] {
  text-shadow: 6px 6px 8px rgba(28, 187, 180, 0.2);
}

.text-shadow[class*='-blue'] {
  text-shadow: 6px 6px 8px rgba(0, 102, 204, 0.2);
}

.text-shadow[class*='-purple'] {
  text-shadow: 6px 6px 8px rgba(88, 48, 156, 0.2);
}

.text-shadow[class*='-mauve'] {
  text-shadow: 6px 6px 8px rgba(133, 33, 150, 0.2);
}

.text-shadow[class*='-pink'] {
  text-shadow: 6px 6px 8px rgba(199, 50, 134, 0.2);
}

.text-shadow[class*='-brown'] {
  text-shadow: 6px 6px 8px rgba(140, 88, 53, 0.2);
}

.text-shadow[class*='-grey'] {
  text-shadow: 6px 6px 8px rgba(114, 130, 138, 0.2);
}

.text-shadow[class*='-gray'] {
  text-shadow: 6px 6px 8px rgba(114, 130, 138, 0.2);
}

.text-shadow[class*='-black'] {
  text-shadow: 6px 6px 8px rgba(26, 26, 26, 0.2);
}

.text-break-word {
  word-wrap: break-word;
  word-break: break-all;
}

//顶部导航公用样式
.nav-bar-custom {
  .wrap {
    padding: 24px;
  }

  .navbar-right {
    display: flex;
    margin-right: 24px;
  }

  .search-wrap {
    flex: 1;
    margin: 0 20px;
  }

  .right-item {
    position: relative;
    display: flex;
    margin: 0 24px;
  }

  .slot-wrap {
    display: flex;
    flex: 1;
    align-items: center;
  }

  .map-wrap {
    display: flex;
    align-items: center;
    margin-left: 30px;
    padding: 4px 6px;
    font-size: 22px;
    background-color: rgba(240, 240, 240, 0.35);
    border-radius: 100px;
  }

  .map-wrap-text {
    padding: 0 6px;
  }
}

.van-button {
  margin-right: 0;
  margin-left: 0;
  color: #333;
}

.bottom-btns {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  position: fixed;
  z-index: 9;
  bottom: 0;
  width: 100vw;
  box-sizing: border-box;
  border-top: 1px solid #eee;
  background: #fff;
  /* stylelint-disable-next-line function-no-unknown */
  padding-bottom: constant(safe-area-inset-bottom);
  /* stylelint-disable-next-line function-no-unknown */
  padding-bottom: env(safe-area-inset-bottom);
  /* stylelint-disable-next-line function-no-unknown */
  height: calc(100px + constant(safe-area-inset-bottom));
  /* stylelint-disable-next-line function-no-unknown */
  height: calc(100px + env(safe-area-inset-bottom));

  .btn {
    height: 80px;
  }
}
